<!--
 * @Description: 
 * @Author: shizhe
 * @Date: 2021-10-29 13:58:06
 * @LastEditTime: 2022-07-04 10:02:47
 * @LastEditors: shizhe
 * @Reference: 
-->
<template>
  <div id="audit">
    <div class="tabs">
      <el-tabs type="border-card" @tab-click="tabClick" v-model.trim="active">
        <el-tab-pane v-for="item in tablist" :key="item.name" :label="item.label" :name="item.name">
          <audit-table :state="+item.name" :biddId="biddid"></audit-table>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import auditTable from './auditTable.vue'
export default {
  components: { auditTable },
  props: {
    id: {
      type: Number,
      require: true
    }
  },
  data() {
    return {
      biddid: this.id,
      active: '0',
      tablist: [
        { label: '发布', name: '0' },
        { label: '入围', name: '1' },
        { label: '定标', name: '2' },
        { label: '流标', name: '3' }
      ]
    }
  },
  mounted() {},
  methods: {
    tabClick() {
      // console.log(this.active);
    }
  }
}
</script>
<style lang="less" scoped>
#audit {
  /deep/ .el-tabs__header {
    margin: 0 !important;
  }
}
</style>
